<template>
     <div class="leftbox">
         <ul v-if="arr.length">
             <li v-for="(item, index) in arr" :key="index">{{item}}</li>
         </ul>
     </div>
</template>

<script>
import axios from "axios"
export default {
    data(){
        return {
            arr:[]
        }
    },
    mounted() {
        axios.get("/letflist").then(res=>{
            console.log(res.data);
            this.arr = res.data
        })
    },
}
</script>

<style>
.leftbox {
    width: 200px;
    height: 100%;
    background: pink;
}
</style>